<template>
    <div class="col-sm-12">
      <div class="card-box">
        <table class="table">
          <thead>
            <tr>
              <th style="min-width:50%;">Alert Type</th>
              <th>Example</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="middle-align">Basic Example</td>
              <td>
                <button
                  class="btn btn-custom waves-effect waves-light btn-sm"
                  id="sa-basic"
                >Click me</button>
              </td>
            </tr>

            <tr>
              <td class="middle-align">A title with a text under</td>
              <td>
                <button
                  class="btn btn-custom waves-effect waves-light btn-sm"
                  id="sa-title"
                >Click me</button>
              </td>
            </tr>
            <tr>
              <td class="middle-align">A success message!</td>
              <td>
                <button
                  class="btn btn-custom waves-effect waves-light btn-sm"
                  id="sa-success"
                >Click me</button>
              </td>
            </tr>
            <tr>
              <td
                class="middle-align"
              >A warning message, with a function attached to the "Confirm"-button...</td>
              <td>
                <button
                  class="btn btn-custom waves-effect waves-light btn-sm"
                  id="sa-warning"
                >Click me</button>
              </td>
            </tr>
            <tr>
              <td
                class="middle-align"
              >By passing a parameter, you can execute something else for "Cancel".</td>
              <td>
                <button
                  class="btn btn-custom waves-effect waves-light btn-sm"
                  id="sa-params"
                >Click me</button>
              </td>
            </tr>
            <tr>
              <td class="middle-align">A message with custom Image Header</td>
              <td>
                <button
                  class="btn btn-custom waves-effect waves-light btn-sm"
                  id="sa-image"
                >Click me</button>
              </td>
            </tr>
            <tr>
              <td class="middle-align">A message with auto close timer</td>
              <td>
                <button
                  class="btn btn-custom waves-effect waves-light btn-sm"
                  id="sa-close"
                >Click me</button>
              </td>
            </tr>
            <tr>
              <td class="middle-align">A message with button primary</td>
              <td>
                <button
                  class="btn btn-primary waves-effect waves-light btn-sm"
                  id="primary-alert"
                >Click me</button>
              </td>
            </tr>
            <tr>
              <td class="middle-align">A message with button info</td>
              <td>
                <button
                  class="btn btn-info waves-effect waves-light btn-sm"
                  id="info-alert"
                >Click me</button>
              </td>
            </tr>
            <tr>
              <td class="middle-align">A message with button success</td>
              <td>
                <button
                  class="btn btn-success waves-effect waves-light btn-sm"
                  id="success-alert"
                >Click me</button>
              </td>
            </tr>
            <tr>
              <td class="middle-align">A message with button warning</td>
              <td>
                <button
                  class="btn btn-warning waves-effect waves-light btn-sm"
                  id="warning-alert"
                >Click me</button>
              </td>
            </tr>
            <tr>
              <td class="middle-align">A message with button danger</td>
              <td>
                <button
                  class="btn btn-danger waves-effect waves-light btn-sm"
                  id="danger-alert"
                >Click me</button>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
</template>
<script>
export default {
  props: {
    transport_data: String
  },
  mounted() {
  }
};
</script>